<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>药品字典匹配</title>
	<link rel="stylesheet" type="text/css" href="${ctx}/static/css/cloud-admin.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/static/css/themes/default.css" id="skin-switcher" />
		<link rel="stylesheet" type="text/css" href="${ctx}/static/weblib/font-awesome/css/font-awesome.min.css" />	
	    <link href="${ctx}/static/weblib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
	    <link href="${ctx}/static/weblib/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
	    <link href="${ctx}/static/weblib/ligerUI/skins/Gray/css/all.css" rel="stylesheet" type="text/css" />
	    <script src="${ctx}/static/weblib/jQuery/jquery-2.0.3.min.js"></script>
		<script src="${ctx}/static/weblib/layer-v2.1/layer.js"></script>
	    <script src="${ctx}/static/weblib/ligerUI/js/ligerui.all.js" type="text/javascript"></script> 

	   <script src="${ctx}/static/js/dic-matching/drugCompare.js"></script>
	    <script src="${ctx}/static/js/common.js"></script>
    <style type="text/css">  
    /* Jqgrid */  
    .ui-jqgrid .ui-jqgrid-title{font-size:20px;} /*修改grid标题的字体大小*/  
    .ui-jqgrid-sortable {font-size:14px;} /*修改列名的字体大小*/    
	.ui-jqgrid tr.jqgrow td {font-size:16px; font-family:"黑体"}/*修改表格内容字体*/ 
	/* 重写按钮样式*/
	.btn-primary-custom {
	 color: #ffffff;
	 background-color: #5e87b0;
	 border-color: #507aa4;
	 height:22px;
	}
	/*jqgrid表头高度设置*/
	.grid .ui-jqgrid-htable th,
	.grid .ui-jqgrid-btable .jqgrow td {
	 height: 20px !important;
	}
	/*鼠标经过表格行变色*/
	.ui-jqgrid .ui-state-hover{background: #ADDAE7}
	/*鼠标选中表格行变色*/
	.ui-jqgrid .ui-state-highlight{background: #FF8000}
    </style>
    <script type="text/javascript">
    var _path = "<%=request.getContextPath()%>";
    jQuery(document).ready(function() {
    	//初始化加载服务器列表
		//selectBdAdater();
		//右侧数据中心的检索
		/* $("#centerCostName").bind("keyup.DT",function(){
			selectCenterData();
		}); */
		//右侧医院数据的检索
    	loadNoopsyche();
    	loadTableHosDrug();
    	loadTableCennterDrug();
    });
    
    </script>
</head>
    <body style="background-color:#CAE1FF">
    	<!--row1-->
    	<div class="container" style="background-color:#B4CCCC;float: center;width: 99%;margin-top: 5px;margin-bottom: 3px;margin-left: 1px">
          	<div class="container" style="text-align:left;width: 99%">
                        <div class="tools" style="float: center;">
                            <div id="search-bar">医院药品字典: &nbsp;&nbsp;
                                                                                    是否启用智能匹配<input type="radio" name="autoCompare" id="notUse" checked="checked" value="0"/>否
            				<input type="radio" name="autoCompare" id="inUse" value="1" />是
                            <i class="fa fa-search search-icon"></i>
                            <input id="drugName" class="search" type="text" placeholder="搜索" style=" height:30px" onchange="searchDrug()"/>
                            <button class="btn btn-primary"  style=" height:30px;margin-left: 60px" onclick="searchDrugButtion('0',this)">未匹配</button>
                            <button class="btn btn-primary"  style=" height:30px" onclick="searchDrugButtion('1',this)">已匹配</button>
                            <button class="btn btn-primary" style=" height:30px" onclick="searchDrugButtion('',this)">全部</button>
                            <button class="btn btn-primary" style=" height:30px" type="button" onclick="QueryHosChargeItem('1',this)">&nbsp;&nbsp;导入</button>
                            <div style="float: right">
                             <i class="fa fa-search search-icon"></i>
                             <input id="centerDrugName" class="search" type="text" placeholder="搜索中心字典" style=" height:30px;" onchange="searchCenterDrug()"/>
                            </div>
                           
                            </div>
                    	</div>
            </div>
        </div>
        <!--/row1-->
        <!--row2-->   
        <!-- SAMPLE -->
        <div class="container" style="width: 99%;text-align: left;padding:0px; margin: 0px; ">
                <!-- BOX -->
                <div class="column" style="width: 55%;float:left;margin-left: 1px">
		            <div id="navtab1" style="overflow: hidden; border: 1px solid #D3D3d3;background-color:#a8bc7b" class="liger-tab">
				        <div title="医院药品字典" lselected="true">
				           <div id="hosDrug"></div>
				    	</div>
           			</div>
                </div>
                <!-- /BOX -->
             	<div class="column" style="width: 44%;float:right;margin-left: 1px">
		            <div id="navtab2" style="overflow: hidden; border: 1px solid #D3D3d3;background-color:#a8bc7b" class="liger-tab">
				        <div title="数据中心药品字典" lselected="true">
				           <div id="centerDrug"></div>
				    	</div>
           			</div>
                </div>
        </div>					
    </body>
</html>